<template>
    <view class="card">
        <view class="w-168">
            <u-image width="168rpx" height="168rpx" radius="12rpx" :src="info.image"></u-image>
        </view>
        <view class="ml-24 h-168 flex-column flex-row-between" style="flex: 1">
            <u--text :text="info.title" :lines="2" size="32rpx" bold></u--text>
            <view class="flex-between-center">
                <text class="c-9ca4ab fs-24">浏览 {{ info.see_num || 0 }}次</text>
                <slot name="btn">
                    <u-button text="详情" color="#C5261D" :customStyle="btnStyle"
                        @click="$utils.to(`/pages2/factory/new_detail?id=${info.id}`)">
                    </u-button>
                </slot>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    props: {
        info: {
            type: Object,
            default: () => { },
        },
    },
    data() {
        return {
            btnStyle: {
                backgroundColor: "transparent",
                width: "124rpx",
                height: "56rpx",
                color: "#C5261D",
                borderRadius: "8rpx",
                fontSize: "24rpx",
            },
        };
    },
};
</script>
<style lang="scss" scoped>
.card {
    display: flex;
    align-items: center;
}
</style>